import Vue from "vue";
import VueRouter from "vue-router";
import Home from "../views/Home.vue";
import IPhoneDetails from "../components/iPhone/subcomponents/IPhoneDetails.vue";
import iPhone from "../components/iPhone/iPhone.vue";
import Mac from "../components/Mac/Mac.vue";
import Music from "../components/Muisc/Music.vue";
import shopping from "../components/shop/shopping.vue";
import iPad from "../components/iPad/iPad.vue";
import Wangye from "../views/IPhoneDetails.vue";
// import a13 from "../components/Home/a13.vue"
// import se from "../components/se/se.vue"
// import liaojie from "../components/Home/liaojie.vue"
// import abc from "../components/abc/abc.vue";
// import haha from "../components/abc/haha.vue";
// import dfg from "../components/abc/dfg.vue";
Vue.use(VueRouter);

const routes = [{
    path: "/",
    name: "Home",
    component: Home,
  },
  {
    path: "/iphoneDetails",
    name: "iphoneDetails",
    component: IPhoneDetails,
  },
  {
    path: "/iphone",
    name: "iPhone",
    component: iPhone,
  },

  {
    path: "/shopping",
    name:"shopping",
    component: shopping
  },
  // {
  //   path: "/liaojie",
  //   name:"liaojie",
  //   component: liaojie
  // },
  {
    path: "/ipad",
    name:"iPad",
    component: iPad
  },
  // {
  //   path: "/abc",
  //   name:"abc",
  //   component: abc
  // },
  // {
  //   path: "/dfg",
  //   name:"dfg",
  //   component: dfg
  // },
  // {
  //   path: "/haha",
  //   name:"haha",
  //   component: haha
  // },
  {
    path: "/mac",
    name: "Mac",
    component: Mac,
  },
  {
    path: "/wangye",
    name: "Wangye",
    component: Wangye,
  },
  {
    path: "/music",
    name: "Music",
    component: Music,
  },
]
const router = new VueRouter({
  routes,
});

export default router;